.chat_task_item {
  position: relative;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 4px 16px 4px 28px;
  font-size: 28px;
  color: #232426;
  line-height: 44px;

  &_time {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px;


    &_frequency {
      margin-right: 16px;
    }

    &_last {
      color: #83868C;
    }
  }

  &_detail {
    font-weight: 600;
  }
}

.chat_task_item+.chat_task_item {
  margin-top: 16px;
}

.chat_task_item::before {
  content: '';
  border: 8px solid #3556F7;
  border-radius: 8px;
  position: absolute;
  height: calc(100% - 24px);
  left: 4px;
  top: 4px;
}

.chat_task_item_stop::before {
  border-color: #D9D9D9;
}